<?xml version="1.0" encoding="UTF-8"?>

<ui:composition	xmlns="http://www.w3.org/1999/xhtml"
				xmlns:h="http://java.sun.com/jsf/html"
				xmlns:f="http://java.sun.com/jsf/core"
				xmlns:ui="http://java.sun.com/jsf/facelets"
				xmlns:a4j="http://richfaces.org/a4j"
				xmlns:rich="http://richfaces.org/rich"
				template="/template/mainLayout.xhtml">
	<ui:define name="body">
	<style>
div.bodytab div{
float: left;
}
div.row > div{
	width:120px;
	padding-right: 5px;
	padding-top: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
div.alterno {
	width:150px;
}
div.alterno input {
	width:120px;
}
div.columna1{
width:550px;
}
div.columna3{
width:120px;
}
div.columna3 div{
width:120px;
text-align: center;
size: 11px;
padding-top: 10px;
}
</style>
	<h:form id="regEmpleados">
	<rich:panel bodyClass="rich-laguna-panel-no-header">
		<p>Registro de Datos de Empleados</p>
		<rich:tabPanel switchType="ajax" width="850">
		      <rich:tab label="Datos Generales">
				<div class="bodytab">
				    <div >
				        <div class="columna1">
				            <div class="row">
				                <div>
					                <span>Doc. Identidad:</span>
				                </div>
				                <div class="alterno2">
				         			<rich:comboBox 
				         			width="120px"
				         			value="#{EmpleadoJsfBean.empleado.docIdentidad}"
				         			defaultLabel="Seleccione" >
				         				<f:selectItem itemLabel="DNI"  itemValue="0" />
		                            	<f:selectItem itemLabel="Carnet Extranjeria"  itemValue="1" />
		            				</rich:comboBox>
				                </div>
				                <div>
				                	<span>Num. Documento:</span>
				                </div>
				                <div class="alterno">
				                	<h:inputText  value="#{EmpleadoJsfBean.empleado.numDocumento}"/>
				                </div>
				            </div>
				            <div class="row">
				                <div>
				                	<span>Ap. Paterno:</span>
				                </div>
				                <div class="alterno">
				                    <h:inputText  value="#{EmpleadoJsfBean.empleado.Apellido_p}"/>
				                </div>
				                <div>
				                	<span>Ap. Materno:</span>
				               	</div>
				                <div class="alterno">
				                	<h:inputText  value="#{EmpleadoJsfBean.empleado.Apellido_m}"/>
				                </div>
				            </div>
				            <div class="row">
				                <div>
				                	<span>Nombres:</span>
				                </div>
				                <div class="alterno">
				                	<h:inputText  value="#{EmpleadoJsfBean.empleado.Nombres}"/>
				                </div>
				                <div>
				                	<span>Fech. Nacimiento:</span>
				                </div>
				                <div class="alterno">
					                <rich:calendar 
					                inputStyle="width:100px"  
					                value="#{EmpleadoJsfBean.empleado.Fecha_nac}" 
					                cellWidth="24px" 
					                cellHeight="22px"/>
				                </div>
				            </div>
				            <div class="row">
				                <div>
				                	<span>Sexo:</span>
				                </div>
				                <div>
				                	<h:selectOneRadio 
				                	id="rdbSexo" 
				                	style="font-size:small;" 
				                	value="#{EmpleadoJsfBean.empleado.Sexo}" 
				                	>
		                            	<f:selectItem itemLabel="M"  itemValue="1" />
		                            	<f:selectItem itemLabel="F"  itemValue="0" />
				                	</h:selectOneRadio>
				                </div>
				            </div>
				        </div>
				        <div class="columna3" align="center">
				        	<div>
				        		<h:commandButton id="enter" value="Grabar" action="#{EmpleadoJsfBean.grabar}" />
				        	</div>
				        	<div>
				        		<h:commandButton id="enter" value="Desactivar" action="#{EmpleadoJsfBean.bajaEmpleado}" />
				        	</div>
				    	</div>
				    </div>
				</div>
		      </rich:tab>
		      <rich:tab label="Experiencia laboral" disabled="true"></rich:tab>
		      <rich:tab label="Estudios Realizados" disabled="true"></rich:tab>
		      <rich:tab label="Datos Familiares" disabled="true"></rich:tab>
		      <rich:tab label="Rubros" disabled="true"></rich:tab>
		      <rich:tab label="Busqueda">
				<rich:dataTable value="#{EmpleadoJsfBean.traerEmpleados}" var="emp" rows="20" reRender="ds" id="simpletable">
				        <f:facet name="header">
				            <rich:columnGroup>
				                <rich:column>
				                    <h:outputText value="Doc. Identidad"/>
				                </rich:column>
				                <rich:column>
				                    <h:outputText value="Num. Documento"/>
				                </rich:column>
				                <rich:column>
				                    <h:outputText value="Nombres"/>
				                </rich:column>
				                <rich:column>
				                    <h:outputText value="Ape. Paterno"/>
				                </rich:column>
				                <rich:column>
				                    <h:outputText value="Ape. Materno"/>
				                </rich:column>
				            </rich:columnGroup>
				        </f:facet>
				        <rich:column filterBy="#{emp.docIdentidad}" filterEvent="onkeyup">
				            <h:outputText value="#{emp.docIdentidad}"/>
				        </rich:column> 
				        <rich:column filterBy="#{emp.numDocumento}" filterEvent="onkeyup">
				            <h:outputText value="#{emp.numDocumento}"/> 
				        </rich:column>
				        <rich:column filterBy="#{emp.nombres}" filterEvent="onkeyup">
				            <h:outputText value="#{emp.Nombres}"/>
				        </rich:column> 
				        <rich:column filterBy="#{emp.apePaterno}" filterEvent="onkeyup">
				            <h:outputText value="#{emp.Apellido_p}"/> 
				        </rich:column>
				        <rich:column filterBy="#{emp.apeMaterno}" filterEvent="onkeyup">
				            <h:outputText value="#{emp.Apellido_m}"/> 
				        </rich:column>
				        <f:facet name="footer">
				            <rich:datascroller id="ds" renderIfSinglePage="false"></rich:datascroller>
				        </f:facet>
				    </rich:dataTable>
		      </rich:tab>
		</rich:tabPanel>
	</rich:panel>
	</h:form>
	</ui:define>
</ui:composition>